<template>
    <div>
        <van-sticky>
            <TopBar title="人员列表"></TopBar>
        </van-sticky>
        <van-sticky offset-top="46px">
            <Tabs></Tabs>
        </van-sticky>

    </div>
</template>

<script>
import TopBar from "@/components/TopBar";
import Tabs from "@/views/staff/components/Tabs";
// import Cards from "@/views/staff/components/Cards";

export default {
    // eslint-disable-next-line vue/multi-word-component-names
    name: "index",
    components: {
        TopBar,
        Tabs,
        // Cards
    },
    mounted() {
        this.$router.push('/staff/staffData')
    }

}
</script>

<style lang="scss" scoped>
/*.txt /deep/ .a-menu {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    color: aquamarine;*/
/*}*/

/*div:has(div.van-dropdown-menu){*/
/*    position: sticky;*/
/*    top: 46px;*/
/*    z-index: 100;*/
/*}*/
//div:has(div.el-card){
//    height: 794px;  //防止下面的卡片被导航栏tabbar挡住，就设置一下大盒子的高度 + 设置盒子元素溢出模式
//    overflow: scroll;
//}
div:has(div.el-card){
    //position: sticky;
    //top: 49px;
    height: 748px;  //防止下面的卡片被导航栏tabbar挡住，就设置一下大盒子的高度 + 设置盒子元素溢出模式
    overflow: scroll;
}
</style>
